<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>克莱斯勒汽车公司</title>
    <style>
        header {
            height: 80px;
            border-bottom: 2px solid blue;
            display: flex;
            justify-content: space-evenly;
        }

        a {
            text-decoration: none;
        }

        nav {
            background-color: #cad7f7;
            height: 50px;
            width: 100%;
            margin-top: 20px;
        }

        nav > div {
            display: flex;
            padding-top: 10px;
        }

        a:hover {
            color: red;
        }

        nav > div>a {
            display: inline-block;
            margin-left: 10px;
            margin-right: 10px;

        }
        .myIframe{
            width: 100%;
            height:800px;
            /*border: 1px solid blue;*/
        }
    </style>
</head>
<body>
<header>
    <img src="img/index.png">
    <img style="width: 720px;height: 70px" src="img/indexWord.png">
</header>
<nav>
    <div>
        <a href="/index.html" target="myIframe">首页</a>|<a href="/login.html" target="myIframe">登录</a>|<a href="/add.html" target="myIframe">注册</a>|<a>退出</a>|<a>管理</a>|<a>风格</a>
    </div>
</nav>
<iframe name="myIframe" class="myIframe" src="index.html"></iframe>
</body>
</html>